<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>煤炭管理系统</title>
    <#include "../base/base-css.ftl" >
    <link rel="stylesheet" href="/static/css/person.css">
    <style type="text/css">
        .person-detail {
            position: relative;
            display: flex;
            align-items:center;

        }
        .person-left {
            position: relative;
            margin: 50px 100px;
        }
        .person-right {
            width: 600px;
            margin: 10px auto;
            font-size: 16px;
        }
        .person-detail img{
            display: block;
            border-radius:100px;
            width: 300px;
            object-fit: cover;
            margin: 0 auto;
            overflow: hidden;
            box-shadow:1px 1px 3px #333;
        }
        .person-detail img:hover{

            box-shadow:0 0 10px #333;
        }
        .person-detail h2{
            font-size: 14px;
            text-align: center;
            color: rgba(0,0,0,0.8);
            margin: 20px 0;

        }

        .person-row {
            font-size: 14px;
            line-height: 26px;
            color: rgba(0,0,0,0.8);
            margin: 20px 0;
        }
        .person-value  {
            font-size: 18px;
            color: rgba(0,0,0,0.9);
        }
    </style>
</head>

<body>
<div class="layui-layout layui-layout-admin">
    <#include "../base/main-header.ftl">

    <#include "../base/main-left.ftl">
    <div class="layui-body">
        <!-- 内容主体区域  -->
        <div class="site-title">
            <fieldset>
                <legend>
                    <a class="site-title-text">企业信息</a>
                </legend>
            </fieldset>
        </div>

        <div class="person-detail ">
            <div class="person-left">
                <img src="/static/images/company.jpg">
                <h2>企业图片</h2>
            </div>
            <div class="person-right">
                <div class="layui-row person-row">
                    <span class="">电厂名称:<strong>${company!"南方电厂有限公司"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">分公司:<strong>${parent!"上海南方电厂有限公司"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">负责人:<strong>${person!"李世民"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">联系电话:<strong>${phone!"13336071666"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">联系地址:<strong>${company!"广东省广州市萝岗区科学城科翔路11号"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">电子邮件:<strong>${email!"1746778316@qq.com"}</strong></span>
                </div>
                <div class="layui-row person-row">
                    <span class="">企业文化理念:</span><br>
                    <strong>
                        <span>
                        企业宗旨：人民电业为人民<br>
                        企业定位：国家队地位 平台型企业 价值链整合者<br>
                        企业愿景：成为具有全球竞争力的世界一流企业<br>
                        管理理念：依法治企 科学治企 从严治企<br>
                        经营理念：诚信立企 节俭养德 持续增长 全员为要<br>
                        安全理念：一切事故都可以预防<br>
                        服务理念：为客户创造价值<br>
                        人才理念：企业第一资源 发展竞争之本<br>
                        </span>
                    </strong>
                </div>
            </div>
        </div>
        <#include "../base/base-js.ftl">
        <script>
            layui.use([ 'element'], function () {
            });
        </script>
</body>
</html>